<div class="febs-container" lay-title="船模详情" id="modelShip-edit">
    <div class="febs-body febs-open-body layui-fluid" lay-title="船模详情" id="febs-modelShip">
        <form class="layui-form" action="" lay-filter="modelShip-edit-form">
            <input type="hidden" name="id">
            <fieldset class="layui-elem-field">
                <legend id="ship_inf">船模信息</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">所属项目：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="projectCode" autocomplete="off" class="layui-input" maxlength="32" lay-verify="required">-->
                                <select name="projectCode" id="projectCode"  lay-verify="required">
                                    <option th:each="item:${projList }"
                                            th:value="${item.projectCode}" th:text="${item.projectName}"
                                            th:selected="${modelShip.projectCode ==item.projectCode}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">船模编号：</label>
                            <div class="layui-input-block">
                                <input type="text" name="shipCode" autocomplete="off" class="layui-input" maxlength="32" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">船模名称：</label>
                            <div class="layui-input-block">
                                <input type="text" name="shipName" autocomplete="off" class="layui-input" maxlength="32" lay-verify="required">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">船模来源：</label>
                            <div class="layui-input-block">
                                <select name="source" id="sourceSelect" lay-filter="sourceSelect" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船模位置：</label>
                            <div class="layui-input-block">
                                <select name="shipPosition" id="shipPositionSelect" lay-verify="required">
                                    <option value="">请选择</option>
                                </select>

                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field">
                <div class="layui-form-item" id="layui-row-source1">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船舶类型：</label>
                            <div class="layui-input-block">
                                <select name="shipType" id="shipTypeSelect" >
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">缩尺比：</label>
                            <div class="layui-input-block">
                                <input type="text" name="rate" id="rate" autocomplete="off" class="layui-input" maxlength="22" >
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item" id="layui-row-source2">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船模类型：</label>
                            <div class="layui-input-block">
                                <select name="modelType" id="modelTypeSelect"lay-filter="modelTypeSelect">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs6  febs-hide" id="modelTypeOtherDiv">
                            <label class="layui-form-label ">其他：</label>
                            <div class="layui-input-block">
                                <input type="text" name="modelTypeOther" placeholder="船舶类型选择其他则填写" autocomplete="off" class="layui-input" maxlength="64" >
                            </div>
                        </div>

                    </div>
                </div>

                <div class="layui-form-item febs-hide" id="origShipCodeDiv">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">原船模编号：</label>
                            <div class="layui-input-block">
                                <input type="text" name="origShipCode" autocomplete="off" class="layui-input" maxlength="32" >
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">申请时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="applyDate" id="applyDate" autocomplete="off" class="layui-input" maxlength="8" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">要求完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="demandEnddate" id="demandEnddate" autocomplete="off" class="layui-input" maxlength="8" lay-verify="required">
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <div class="container">
                <div class="left">
                    <fieldset class="layui-elem-field" id="ship_major_element_fieldset">
                        <legend id="ship_major_element">船模主要要素</legend>
                        <table class="layui-table" style="text-align: center">
                            <colgroup>
                                <col width="33%">
                                <col width="33%" >
                                <col width="33%" >
                            </colgroup>
                            <thead>
                            <tr>
                                <th>项目</th>
                                <th>实船</th>
                                <th>模型</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th>总长（米）</th>
                                <td><input type="text" name="lengthOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船总长（米）" id="lengthOrigal" ></td>
                                <td><input type="text" name="lengthModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>两柱间长（米）</th>
                                <td><input type="text" name="columnWidthOrigal" id="columnWidthOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22"  placeholder="请输入实船两柱间长（米）" lay-filter="columnWidthOrigalInput"></td>
                                <td><input type="text" name="columnWidthModel" id="columnWidthModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>型宽（米）</th>
                                <td><input type="text" name="widthOrigal" id="widthOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船型宽（米）" lay-filter="widthOrigalInput"></td>
                                <td><input type="text" name="widthModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>设计吃水（米）</th>
                                <td><input type="text" name="waterDeepOrigal" id="waterDeepOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船设计吃水（米）" lay-filter="waterDeepOrigalInput"></td>
                                <td><input type="text" name="waterDeepModel" autocomplete="off" class="layui-input"
                                           maxlength="22"  readonly></td>
                            </tr>
                            <tr>
                                <th>型深（米）</th>
                                <td><input type="text" name="bodyDeepOrigal" id="bodyDeepOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船型深（米）" lay-filter="bodyDeepOrigalInput"></td>
                                <td><input type="text" name="bodyDeepModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>轴高（米）</th>
                                <td><input type="text" name="axieHightOrigal" id="axieHightOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船轴高（米）" lay-filter="axieHightOrigalInput"></td>
                                <td><input type="text" name="axieHightModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>轴间距（米）</th>
                                <td><input type="text" name="axieWidthOrigal" id="axieWidthOrigal" autocomplete="off" class="layui-input"
                                           maxlength="22" placeholder="请输入实船轴间距（米）" lay-filter="axieWidthOrigalInput"></td>
                                <td><input type="text" name="axieWidthModel" autocomplete="off" class="layui-input"
                                           maxlength="22" readonly></td>
                            </tr>
                            <tr>
                                <th>方形系数</th>
                                <td colspan="2"><input type="text" name="rectRate" autocomplete="off" class="layui-input"
                                                       maxlength="32"  placeholder="请输入方形系数"></td>
                            </tr>
                            </tbody>
                        </table>
                    </fieldset>
                </div>
                <div class="right">
                    <fieldset class="layui-elem-field" id="ship_process_demand_fieldset">
                        <legend id="ship_process_demand">船模加工要求</legend>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">板块数：</label>
                            <div class="layui-input-block">
                                <input type="text" name="blockNumber" autocomplete="off" class="layui-input"
                                       placeholder="请输入板块数" maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">重量要求：</label>
                            <div class="layui-input-block">
                                <input type="text" name="weight" autocomplete="off" class="layui-input"
                                       placeholder="请输入重量要求"  maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">首部升高：</label>
                            <div class="layui-input-block">
                                <input type="text" name="headHeight" autocomplete="off" class="layui-input"
                                       placeholder="请输入首部升高"  maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">尾部升高：</label>
                            <div class="layui-input-block">
                                <input type="text" name="tailHeight" autocomplete="off" class="layui-input"
                                       placeholder="请输入尾部升高"  maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">首侧推：</label>
                            <div class="layui-input-block">
                                <input type="text" name="headPush" autocomplete="off" class="layui-input"
                                       placeholder="请输入首侧推"   maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">尾侧推：</label>
                            <div class="layui-input-block">
                                <input type="text" name="tailPush" autocomplete="off" class="layui-input"
                                       placeholder="请输入尾侧推"  maxlength="32" >
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label ">备注：</label>
                            <div class="layui-input-block">
                                <textarea type="text" name="memo" autocomplete="off" class="layui-input" maxlength="300" ></textarea>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>


            <div class="layui-form-item" align="center">
                <button class="layui-btn" lay-submit="" lay-filter="modelShip-edit-form-submit" id="submit">提交</button>
                <button type="reset" class="layui-btn" id="reset">返回</button>
            </div>
        </form>
    </div>
</div>
<script data-th-inline="javascript">
    var modelShipData = [[${modelShip}]];
    var now = [[${now}]];
    var bmNo = [[${bmNo}]];
</script>
<script th:src="@{/febs/js/sypq/modelShip/modelShipEdit.js(v=1)}"></script>
<style>
    .container {
        display: flex;
    }

    .left {
        flex: 1; /* 或者指定flex比例，如2 */
        padding: 10px;
    }
    .left .layui-input{
        height: 28px;
    }

    .left .layui-table td, .layui-table th{
        padding: 4px 12px;
    }

    .right {
        flex: 1; /* 或者指定flex比例，如3 */
        padding: 10px;
    }

    #modelShip-edit .layui-form-label {
        width: 140px;
    }
    #modelShip-edit .layui-input-block {
        margin-left: 170px;
    }

    .febs-tabs-item {
        height:auto;
    }

    .layui-btn {
        margin-bottom: 30px;
    }
</style>
